<!DOCTYPE html>
<html lang="en">
<head>
    <title>小麦保</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="这是一个演唱会管理页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="icon" type="image/png" href="../assets/i/maizi.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/i/app-icon72x72@2x.png">
    <link rel="stylesheet" href="../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../assets/css/admin.css">
    <link rel="stylesheet" href="../assets/css/app.css">
    <script src="../assets/js/echarts.min.js"></script>
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/amazeui.min.js"></script>
    <script src="../javascript/repairFeedback.js"></script>
</head>
<body data-type="index">
    <header id="header" class="am-topbar am-topbar-inverse admin-header">

    </header>

    <div class="tpl-page-container tpl-page-header-fixed">

        <div id="sidebar" class="tpl-left-nav tpl-left-nav-hover">

        </div>

        <!--这里写业务逻辑-->
        <div class="tpl-content-wrapper">

            <ol class="am-breadcrumb">
                <li><a href="base.html" class="am-icon-home">首页</a></li>
                <li ><a href="myRepairOrder.html">报修反馈</a></li>
            </ol>
            <div class="tpl-portlet-components">
                <div class="portlet-title">
                    <div class="caption font-green bold">
                        报修单列表
                    </div>
                    <div class="tpl-portlet-input tpl-fz-ml">
                        <div class="portlet-input input-small input-inline">
                            <div class="input-icon right">
                                <i class="am-icon-search searchBtn"></i>
                                <input id="searchText" type="text" class="form-control form-control-solid"
                                       placeholder="搜索...">
                            </div>

                        </div>
                    </div>
                </div>

                <div class="tpl-block" >
                    <div class="am-g">
                        <div class="am-u-sm-12">
                            <form id="table" class="am-form">
                                <table class="am-table am-table-striped am-table-hover table-main">
                                    <thead>
                                    <tr>
                                        <th class="table-title">设备号</th>
                                        <th class="table-date am-hide-sm-only">报修日期</th>
                                        <th class="table-status">报修状态</th>
                                        <th class="table-set">操作</th>
                                    </tr>
                                    </thead>
                                    <tbody id="formbody">
                                    </tbody>
                                </table>
                                <hr>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--处理报修单(弹出框)-->
    <div class="am-modal am-modal-alert" tabindex="-1" id="precess-repair">
        <div class="am-modal-dialog">
            <div class="am-g">
                <div class="tpl-form-body tpl-form-line">
                    <form class="am-form tpl-form-line-form">
                        <div class="am-form-group">
                            <label  class="am-u-sm-4 am-form-label">设备号 </label>
                            <div class="am-u-sm-6" style="float: left">
                                <input readonly="readonly"  type="text" class="tpl-form-input" id="deviceNO">
                            </div>
                        </div>

                        <div class="am-form-group">
                            <label  class="am-u-sm-4 am-form-label">问题描述 </label>
                            <div class="am-u-sm-6" style="float: left">
                                <input type="text" id="problem" readOnly />
                            </div>
                        </div>

                        <div class="am-form-group">
                            <label  class="am-u-sm-4 am-form-label">报修日期 </label>
                            <div class="am-u-sm-6" style="float: left">
                                <input type="text" id="repairDate" readOnly class="am-form-field tpl-form-no-bg" />
                            </div>
                        </div>

                        <div class="am-form-group">
                            <label class="am-u-sm-4 am-form-label">客户快递单号 </label>
                            <div class="am-u-sm-6" style="float: left">
                                <input type="text" id="customerExpressNO" readOnly />
                            </div>
                        </div>

                        <div class="am-form-group">
                            <label  class="am-u-sm-4 am-form-label">反馈日期 </label>
                            <div class="am-u-sm-6" style="float: left">
                                <input type="text" id="feedbackDate" class="am-form-field tpl-form-no-bg" readonly/>
                            </div>
                        </div>

                        <div class="am-form-group">
                            <label  class="am-u-sm-4 am-form-label">报修反馈 </label>
                            <div class="am-u-sm-6" style="float: left">
                                <input type="text" id="feedbackAnswer" />
                            </div>
                        </div>

                        <div class="am-form-group">
                            <label class="am-u-sm-4 am-form-label">供应商快递单号 </label>
                            <div class="am-u-sm-6" style="float: left">
                                <input type="text" id="supplierExpressNO" />
                            </div>
                        </div>
                    </form>

                </div>
            </div>
            <div class="am-modal-footer">
                <span class="am-modal-btn">确定</span>
            </div>
        </div>
    </div>
</body>
</html>